<template>
  <div class="footer">
    <!-- <router-link active-class="select" to="/home">首页</router-link>
 <router-link active-class="select" to="/cate">分类</router-link>
 <router-link active-class="select" to="/cart">购物车</router-link>
 <router-link active-class="select" to="/mine">我的</router-link> -->
    <van-tabbar v-model="active">
      <van-tabbar-item to="/home">
       <template>
          <img src="../assets/img/home/小u自营.png" /> </template
        ><br />
        <span>首页</span>
      </van-tabbar-item>
      <van-tabbar-item to="/cate">
       <template>
          <img src="../assets/img/home/畅销商品.png" /> </template
        ><br />
        <span>分类</span>
      </van-tabbar-item>
      <van-tabbar-item to="/cart">
       <template>
          <img src="../assets/img/home/积分兑换.png" /> </template
        ><br />
        <span>购物车</span>
      </van-tabbar-item>
      <van-tabbar-item to="/mine">
        <template>
          <img src="../assets/img/home/品质大牌.png" /> </template
        ><br />
        <span>标签</span>
      </van-tabbar-item>
      <!-- <van-tabbar-item icon="search" to="/home">首页</van-tabbar-item>
  <van-tabbar-item icon="search" to="/cate">分类</van-tabbar-item>
  <van-tabbar-item icon="search"  to="/cart">购物车</van-tabbar-item>
  <van-tabbar-item icon="search" to="/mine">我的</van-tabbar-item> -->
      <!-- <van-tabbar-item icon="setting-o" to="/cart">标签</van-tabbar-item> -->
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      icon: {
        active: "https://img01.yzcdn.cn/vant/user-active.png",
        inactive: "https://img01.yzcdn.cn/vant/user-inactive.png",
      },
    };
  },
};
</script>

<style lang='less'  scoped>
.footer {
  position: fixed;
  left: 0;
  bottom: 90px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: flex;
  float: left;
}
a {
  flex: 1;
  text-align: center;
  color: #333;
  background-color: #ccc;
}
.select {
  color: greenyellow;
  background-color: rgb(73, 162, 43);
}
img {
  width: 0.4rem;
  height: 0.4rem;
}
</style>
